<template>
    <div class="footer-box">
<!--      <ul class="footer-ul">-->
<!--        <li v-for="(link,index) in links" :key="index"><a :href="link.url">{{ link.title }}</a></li>-->
<!--      </ul>-->
      <div class="links">
        <div class="link_img left"><img src="@/assets/upfiles/link.png" alt="友情链接"></div>
        <div class="linkcon left"><a href="#">友情链接</a> | <a href="#">好莱坞公司</a> | <a href="#">北大青鸟</a> | <a href="#">慕课网</a> | <a href="#">清华大学</a> | <a href="#">南京大学</a> | <a href="#">安信工</a> | <a href="#">香港大学</a> | <a href="#">合肥大学</a></div>
        <div class="clear"></div>
      </div>
      <div class="footer">
        <div class="f_link"><a href="#">首页</a> | <a href="#">公司简介</a> | <a href="#">产品介绍 </a> | <a href="#">招商加盟</a> |
          <a href="#">人才招聘</a> | <a href="#">在线留言</a> | <a href="#">联系我们</a></div>
        <div class="f_text"><img src="/train/public/static/upfiles/ewm.png" alt="二维码" style="float:right;">地址：安徽信息工程学院　　邮箱：919819426@qq.com　　<br>
          Copyright @ 2019 baidu.com. 版权所有. 备案号：皖ICP备123456789号-1　技术支持：<a href="#">华为有限公司</a>
          <div class="clear"></div>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: 'FooterList',
        data () {
            return {
                links: [
                    // {url: 'http://www.baidu.com',title:'友情链接'},
                    // {url: 'http://www.baidu.com',title:'好莱坞公司'},
                    // {url: 'http://www.baidu.com',title:'北大青鸟'},
                    // {url: 'http://www.baidu.com',title:'慕课网'},
                    // {url: 'http://www.baidu.com',title:'清华大学'},
                    // {url: 'http://www.baidu.com',title:'南京大学'},
                    // {url: 'http://www.baidu.com',title:'安信工'},
                    // {url: 'http://www.baidu.com',title:'香港大学'},
                    // {url: 'http://www.baidu.com',title:'香港大学'}
                ]
            }
        }
    }
</script>
<style scoped>
.footer-ul{
  display: flex;
  justify-content: center;
  align-items: center;

}
.links {
  width: 1000px;
  height: auto;
  margin: 30px auto;
}
.link_img {
  margin-right: 30px;
}
.left {
  float: left;
}
.linkcon {
  padding: 25px 0 0 0;
  overflow: hidden;
}
.clear {
  zoom: 1;
}

.footer {
  width: 1280px;
  height: auto;
  margin: 0 auto;
}
.f_link {
  background: #006f23;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.f_link a {
  margin: 0 15px;
  color: #fff;
  font-size: 14px;
}
.f_text {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  line-height: 32px;
  padding: 20px 0 20px 20px;
  font-size: 14px;
}
</style>

